{% extends "base/base.html" %}
{% load i18n %}
{% block title %}{% trans 'Titulo del Post' %}{% endblock %}
{% comment %} Posts {% endcomment %}
{% block page-header %}{{ project_name }} - BLOG{% endblock %}
{% block content %}
    <!-- Start Blog -->
    <section class="blog blog1">
    <div class="container">
    <div class="row">
    <div class="span8">
        <article>
            <div class="row">
                <div class="span8">
                    <div class="img-polaroid">
                        <img src="{{ STATIC_URL }}images/extra/shopping-high-heels.jpg" />
                    </div>
                </div>
                <div class="span1">
                    <div class="post-date">
                        <div class="day">11</div>
                        <div class="month">Jan</div>
                    </div>
                </div>
                <div class="span7">
                    <h3>This is a standard post format with preview Picture</h3>
                </div>
                <div class="span8">
                    <div class="article_meta">
                        <ul class="meta-list">
                            <li><a href=""><span class="icon-user"></span> Mithun Biswas</a></li>
                            <li><a href=""><span class="icon-tags"></span> Illustrations</a></li>
                            <li><a href=""><span class="icon-comments"></span> 15 comments</a></li>
                        </ul>
                    </div>
                    <p>Nunc consectetur, nisl non pulvinar blandit, lorem orci egestas quam, ac egestas nibh mauris vel lectus. Morbi vulputate sem sed enim iaculis dictum. Praesent quis quam at neque venenatis porta. Nulla non rutrum eros. Nulla condimentum mollis odio ac pretium. Curabitur egestas convallis fermentum. Sed in mauris sit amet arcu lobortis convallis. Vivamus dapibus nisl sed tortor viverra pharetra. Nullam tortor nunc, facilisis id consequat id, luctus at felis. Vestibulum sed erat orci, quis eleifend dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nulla commodo sapien ut orci facilisis nec dignissim metus suscipit.</p>
                    <p>Ut sit amet tellus metus. Morbi non mattis enim. Maecenas sollicitudin tellus posuere lectus posuere faucibus. Donec interdum eleifend interdum. Aliquam erat volutpat. Etiam vitae leo eu est malesuada gravida. In hac habitasse platea dictumst. Phasellus aliquet pellentesque mi, vitae placerat quam malesuada at. Etiam tincidunt, neque eu lacinia sollicitudin, purus ante eleifend dolor, vel porta est nunc id justo. Nam facilisis cursus nibh.</p>
                    <p>Nulla bibendum fermentum laoreet. Suspendisse nisl erat, congue ac luctus at, ultricies a sapien. Pellentesque pharetra luctus porta. Aliquam sollicitudin sollicitudin metus mollis molestie. Aenean bibendum nisl eu erat viverra molestie pretium felis fringilla. Donec consectetur tincidunt sem, in sollicitudin magna porttitor sit amet. Quisque vitae ante erat, at tincidunt elit. Ut ac purus eget mauris mattis fringilla. Sed adipiscing feugiat porttitor.</p>
                </div>
            </div>
        </article>
        <hr>
        <div class="about-author">
            <h4>About The Author</h4>
            <div class="row">
                <div class="span2">
                    <div class="img-polaroid">
                        <img src="{{ STATIC_URL }}images/contact/people/people_1.jpg">
                    </div>
                </div>
                <div class="span6">
                    <h6>This post was written by <a href="">Sara Patrick</a></h6>
                    <p>Veos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat.</p>
                </div>
            </div>
        </div>
        <div class="well comment-box">
            <div class="comment-header">
                <div class="row">
                    <div class="span1">
                        <span><i class="icon-comments"></i></span>
                    </div>
                    <div class="span5">
                        <h4>3 Comments <br> <small><a href="">Leave a Comment</a></small></h4>
                    </div>
                </div>
            </div>
            <hr>
            <ul class="media-list">
                <li class="media">
                    <a class="pull-left" href="#">
                        <img class="media-object img-polaroid" src="{{ STATIC_URL }}images/contact/people/people_2.jpg">
                    </a>
                    <div class="media-body">
                        <h6 class="media-heading">The Author <br> <small>January 11, 2012 at 4:55 pm - <a href="">Reply</a></small></h6>
                        <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
                        <!-- Nested media object -->
                        <div class="media">
                            <a class="pull-left" href="#">
                                <img class="media-object img-polaroid" src="{{ STATIC_URL }}images/contact/people/people_1.jpg">
                            </a>
                            <div class="media-body">
                                <h6 class="media-heading">The Author <br> <small>January 12, 2012 at 4:55 pm - <a href="">Reply</a></small></h6>
                                <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
                            </div>
                        </div>
                        <!-- Nested media object -->
                        <div class="media">
                            <a class="pull-left" href="#">
                                <img class="media-object img-polaroid" src="{{ STATIC_URL }}images/contact/people/people_2.jpg">
                            </a>
                            <div class="media-body">
                                <h6 class="media-heading">The Author <br> <small>January 13, 2012 at 4:55 pm - <a href="">Reply</a></small></h6>
                                <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
                                <!-- Nested media object -->
                                <div class="media">
                                    <a class="pull-left" href="#">
                                        <img class="media-object img-polaroid" src="{{ STATIC_URL }}images/contact/people/people_3.jpg">
                                    </a>
                                    <div class="media-body">
                                        <h6 class="media-heading">The Author <br> <small>January 14, 2012 at 4:55 pm - <a href="">Reply</a></small></h6>
                                        <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Nested media object -->
                        <div class="media">
                            <a class="pull-left" href="#">
                                <img class="media-object img-polaroid" src="{{ STATIC_URL }}images/contact/people/people_1.jpg">
                            </a>
                            <div class="media-body">
                                <h6 class="media-heading">The Author <br> <small>January 15, 2012 at 4:55 pm - <a href="">Reply</a></small></h6>
                                <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
                            </div>
                        </div>
                        <!-- Nested media object -->
                        <div class="media">
                            <a class="pull-left" href="#">
                                <img class="media-object img-polaroid" src="{{ STATIC_URL }}images/contact/people/people_2.jpg">
                            </a>
                            <div class="media-body">
                                <h6 class="media-heading">The Author <br> <small>January 16, 2012 at 4:55 pm - <a href="">Reply</a></small></h6>
                                <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="media">
                    <a class="pull-left" href="#">
                        <img class="media-object img-polaroid" src="{{ STATIC_URL }}images/contact/people/people_4.jpg">
                    </a>
                    <div class="media-body">
                        <h6 class="media-heading">The Author <br> <small>January 22, 2011 at 4:55 pm - <a href="">Reply</a></small></h6>
                        <p>Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.</p>
                    </div>
                </li>
            </ul>
            <hr>
            <div class="comment-header">
                <div class="row">
                    <div class="span1">
                        <span><i class="icon-comment"></i></span>
                    </div>
                    <div class="span5">
                        <h4>Leave a Comment <br> <small>What's on your mind? Fill out the form below to let us know.</small></h4>
                    </div>
                </div>
            </div>
            <hr>
            <div class="comment-form">
                <form>
                    <label>Name</label>
                    <input class="span6" type="text">
                    <label>E-mail</label>
                    <input class="span6" type="text">
                    <label>Message</label>
                    <textarea class="span6" rows="8"></textarea>
                    <button type="submit" class="btn btn-success">Submit Comment</button>
                </form>
            </div>
        </div>
    </div>
    <div class="span4 sidebar">
        <div class="widget recent-post">
            <div class="divider1"><h5>Recent Blog Posts</h5></div>
            <ul>
                <li>
                    <div class="row">
                        <div class="span1">
                            <a href="#"><img src="{{ STATIC_URL }}images/round/magic-landscape.jpg" alt="" /></a>
                        </div>
                        <div class="recent-body">
                            <a href="">Erat nisl faucibus justo verit et quasi architecto beatae.</a><br>
                            <em><small>January 11, 2012 - 1:13 PM</small></em>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="row">
                        <div class="span1">
                            <a href="#"><img src="{{ STATIC_URL }}images/round/shopping-high-heels.jpg" alt=""></a>
                        </div>
                        <div class="recent-body">
                            <a href="">Ut semper porttitor ipsum, et cursus erat volutpat vitae.</a><br>
                            <em><small>January 12, 2012 - 1:13 PM</small></em>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="row">
                        <div class="span1">
                            <a href="#"><img src="{{ STATIC_URL }}images/round/nettle-tea.jpg" alt="" /></a>
                        </div>
                        <div class="recent-body">
                            <a href="">Mauris porttitor nisi sit amet felis porta congue.</a><br>
                            <em><small>January 13, 2012 - 1:13 PM</small></em>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="row">
                        <div class="span1">
                            <a href="#"><img src="{{ STATIC_URL }}images/round/girl-on-street.jpg" alt=""></a>
                        </div>
                        <div class="recent-body">
                            <a href="">Quisque ac felis felis, ornare sem. Proin ut nisi tortor.</a><br>
                            <em><small>January 14, 2012 - 1:13 PM</small></em>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="row">
                        <div class="span1">
                            <a href="#"><img src="{{ STATIC_URL }}images/round/girl-in-room.jpg" alt=""></a>
                        </div>
                        <div class="recent-body">
                            <a href="">Erat nisl faucibus justo verit et quasi architecto beatae.</a><br>
                            <em><small>January 15, 2012 - 1:13 PM</small></em>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div class="widget accordion-widget">
            <div class="divider1"><h5>Accordion Widget</h5></div>
            <div class="accordion" id="accordion2">
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseOne"><i class="icon-circle-arrow-down pull-right"></i> Nobember 2012</a>
                    </div>
                    <div id="collapseOne" class="accordion-body collapse in">
                        <div class="accordion-inner">
                            <ul class="disc">
                                <li><a href="index.html">Illustration A to Z</a></li>
                                <li><a href="#">Web Design technics</a></li>
                                <li><a href="#">3D Design</a></li>
                                <li><a href="#">HTML5 / CSS3</a></li>
                                <li><a href="#">UI design</a></li>
                                <li><a href="#">Uncategorized</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseTwo"><i class="icon-circle-arrow-right pull-right"></i> October 2012</a>
                    </div>
                    <div id="collapseTwo" class="accordion-body collapse">
                        <div class="accordion-inner">
                            <ul class="disc">
                                <li><a href="index.html">Illustration A to Z</a></li>
                                <li><a href="#">Web Design technics</a></li>
                                <li><a href="#">3D Design</a></li>
                                <li><a href="#">HTML5 / CSS3</a></li>
                                <li><a href="#">UI design</a></li>
                                <li><a href="#">Uncategorized</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseThree"><i class="icon-circle-arrow-right pull-right"></i> September 2012</a>
                    </div>
                    <div id="collapseThree" class="accordion-body collapse">
                        <div class="accordion-inner">
                            <ul class="disc">
                                <li><a href="index.html">Illustration A to Z</a></li>
                                <li><a href="#">Web Design technics</a></li>
                                <li><a href="#">3D Design</a></li>
                                <li><a href="#">HTML5 / CSS3</a></li>
                                <li><a href="#">UI design</a></li>
                                <li><a href="#">Uncategorized</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="accordion-group">
                    <div class="accordion-heading">
                        <a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion2" href="#collapseFour"><i class="icon-circle-arrow-right pull-right"></i> August 2012</a>
                    </div>
                    <div id="collapseFour" class="accordion-body collapse">
                        <div class="accordion-inner">
                            <ul class="disc">
                                <li><a href="index.html">Illustration A to Z</a></li>
                                <li><a href="#">Web Design technics</a></li>
                                <li><a href="#">3D Design</a></li>
                                <li><a href="#">HTML5 / CSS3</a></li>
                                <li><a href="#">UI design</a></li>
                                <li><a href="#">Uncategorized</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
    </div>
    </section>
    <!-- End blog -->
{% endblock %}